<template>
	<view class="duilianpt">
		<template v-for="(item, inx) in dataList.meansList">
			<u-row :key="inx" v-if="isShowAll || (!isShowAll && item.is_true != 2)" justify="space-between" gutter="10">
				<u-col span="2">
					<view class="black-text">
						<text>{{ item.issue }}期:</text>
					</view>
				</u-col>

				<u-col span="6">
					<view class="zodiac">
						<view class="item" v-if="item.means.xiao && item.means.xiao.length">
							<text class="blue-text">
								{{ dataList.remarks }}[
								<text class="red-text" :class="{ 'draw-active': vl.isTrue }" v-for="(vl, vk) in item.means.xiao" :key="vk">{{ vl.value }}</text>]
							</text>
						</view>
						<view class="item" v-else-if="item.means.ball && item.means.ball.length">
							<text class="blue-text">
								{{ dataList.remarks }}[
								<text
									:class="{ 'draw-active': vl.isTrue, 'blue-text': vl.color == 'blue', 'green1-text': vl.color == 'green', 'red-text': vl.color == 'red' }"
									v-for="(vl, vk) in item.means.ball"
									:key="vk"
								>
									{{ vl.value }}
								</text>]
							</text>
						</view>
						<view class="item" v-else-if="item.means.tou && item.means.tou.length">
							<text class="blue-text">
								{{ dataList.remarks }}[
								<text class="red-text" :class="{ 'draw-active': vl.isTrue }" v-for="(vl, vk) in item.means.tou" :key="vk">{{ vl.value }}</text>
								]
							</text>
						</view>
						<view class="item" v-else-if="item.means.wei && item.means.wei.length">
							<text class="blue-text">
								{{ dataList.remarks }}[
								<text class="red-text" :class="{ 'draw-active': vl.isTrue }" v-for="(vl, vk) in item.means.wei" :key="vk">{{ vl.value }}</text>
								]
							</text>
						</view>
						<view class="item" v-else-if="item.means.bose && item.means.bose.length">
							<text class="blue1-text">
								{{ dataList.remarks }}[
								<text
									:class="{ 'draw-active': vl.isTrue, 'blue-text': vl.color == 'blue', 'green1-text': vl.color == 'green', 'red-text': vl.color == 'red' }"
									v-for="(vl, vk) in item.means.bose"
									:key="vk"
								>
									{{ vl.value }}
								</text>]
							</text>
						</view>
					</view>
				</u-col>

				<u-col span="3">
					<view class="zodiac">
						<text v-if="item.is_true > 0 && item.drawp" class="black-text">开:{{ item.drawp }}</text>
						<text v-else class="black-text">开:{{ item.drawp || '??' }}</text>
					</view>
				</u-col>
				<u-col span="1">
					<u-icon v-if="item.is_true == 1" name="checkmark" size="16" color="#FF0000" style="float:right;font-weight: bold;"></u-icon>
					<u-icon v-else-if="item.is_true == 2" name="close" size="16" style="float:right;font-weight: bold;"></u-icon>
				</u-col>
			</u-row>
		</template>
	</view>
</template>

<script>
export default {
	name: 'JueShaSanWei',
	props: {
		// 定义一个名为dataList的prop来接收数组数据
		dataList: {
			type: [Object, Array],
			default: () => {
				return {};
			}
		},
		isShowAll: {
			type: [Boolean],
			default: () => {
				return false;
			}
		}
	},
	data() {
		return {};
	},
	mounted() {},
	methods: {}
};
</script>

<style lang="scss" scoped>
@import '@/static/css/common.css';
</style>
